<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>#{msgs.viewTimesheet}</title>
        <h:outputStylesheet library="css" name="bootstrap.css"/>
    </h:head>
    <h:body>
        <h2>#{msgs.viewTimesheet}</h2>
            <h:outputText value="#{msgs.timesheetEmpNumber}" class="strong"/>
            <h:outputText value="#{employeeManager.employee.empID}" style="padding-right: 70px" />
            <h:outputText value="#{msgs.timesheetName}" class="strong"/>
			<h:outputText value="#{employeeManager.employee.empName}"  style="padding-right: 70px"/>
            <h:outputText value="#{msgs.timesheetWeekNumber}" class="strong" />
            <h:outputText value="#{modifyTimesheet.weekNum}" style="padding-right: 70px" />
            <h:outputText value="#{msgs.timesheetWeekEnding}" class="strong" />
            <h:outputText value="#{modifyTimesheet.weekDate}" />
        	<br /><br />
        	<h:form>
            <h:dataTable value="#{modifyTimesheet.rows}" var="row" border="2" styleClass="viewTable" footerClass="centerText" rowClasses="centerText">
                <h:column style="width: 200px">
                    <f:facet name="header">#{msgs.timesheetProject}</f:facet>
                    <h:outputText value="#{row.projectName}" styleClass="tsProj"/>
                    <f:facet name="footer"></f:facet>
                </h:column>
                <h:column>
                    <f:facet name="header">#{msgs.timesheetWP}</f:facet>
                    <h:outputText value="#{row.wP}" size="10" styleClass="tsProj"/>
                    <f:facet name="footer">#{msgs.timesheetTotal}</f:facet>
                </h:column>
                <h:column>
                    <f:facet name="header">#{msgs.timesheetTotal}</f:facet>
                    <h:outputText value="#{row.total}" size="10" styleClass="tsCol" />
                    <f:facet name="footer">#{modifyTimesheet.colTotal}</f:facet>
                </h:column>
                <h:column>
                    <f:facet name="header">#{msgs.timesheetSat}</f:facet>
                    <h:outputText value="#{row.sat}" size="10" styleClass="tsCol" />
                    <f:facet name="footer">#{modifyTimesheet.totalSat}</f:facet>
                </h:column>
                <h:column>
                    <f:facet name="header">#{msgs.timesheetSun}</f:facet>
                    <h:outputText value="#{row.sun}" size="10" styleClass="tsCol" />
                    <f:facet name="footer">#{modifyTimesheet.totalSun}</f:facet>
                </h:column>
                <h:column>
                    <f:facet name="header">#{msgs.timesheetMon}</f:facet>
                    <h:outputText value="#{row.mon}" size="10" styleClass="tsCol" />
                    <f:facet name="footer">#{modifyTimesheet.totalMon}</f:facet>
                </h:column>
                <h:column>
                    <f:facet name="header">#{msgs.timesheetTue}</f:facet>
                    <h:outputText value="#{row.tue}" size="10" styleClass="tsCol" />
                    <f:facet name="footer">#{modifyTimesheet.totalTue}</f:facet>
                </h:column>
                <h:column>
                    <f:facet name="header">#{msgs.timesheetWed}</f:facet>
                    <h:outputText value="#{row.wed}" size="10" styleClass="tsCol" />
                    <f:facet name="footer">#{modifyTimesheet.totalWed}</f:facet>
                </h:column> 
                <h:column>
                    <f:facet name="header">#{msgs.timesheetThu}</f:facet>
                    <h:outputText value="#{row.thu}" size="10" styleClass="tsCol" />
                    <f:facet name="footer">#{modifyTimesheet.totalThu}</f:facet>
                </h:column>
                <h:column>
                    <f:facet name="header">#{msgs.timesheetFri}</f:facet>
                    <h:outputText value="#{row.fri}" size="10" styleClass="tsCol" />
                    <f:facet name="footer">#{modifyTimesheet.totalFri}</f:facet>
                </h:column>
                <h:column>
                    <f:facet name="header">#{msgs.timesheetNotes}</f:facet>
                    <h:outputText value="#{row.notes}" style="width: 200px" />
                    <f:facet name="footer"></f:facet>
                </h:column>
            </h:dataTable>
            <h:selectOneMenu id="dropDown" value="#{timesheetManager.weektoView}">
            <f:selectItems value="#{timesheetManager.timesheetWeeks}" />
            </h:selectOneMenu>
            <h:commandButton value="#{msgs.viewTimesheet}" action="#{timesheetManager.viewTimesheet}" />
            <h:commandButton value="#{msgs.back}" action="#{modifyTimesheet.back}" />
            <h:commandButton value="#{msgs.logoutTitle}" action="#{login.logout}" />
        </h:form>
    </h:body>
</html>